<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<style>
*{
	margin:0;
	padding:0;
	font-family:"微软雅黑";
	font-size:12px;
}
.box{
	width:390px;
	height:320px;
	border:solid 1px #ddd;
	background:#FFF;
	position:absolute;
	left:50%;
	top:42%;
	margin-left:-195px;
	margin-top:-160px;
}
.box h2{
	font-weight:normal;
	color:#666;
	font-size:16px;
	line-height:46px;
	height:46px;
	overflow:hidden;
	text-align:center;
	border-bottom:solid 1px #ddd;
	background:#f7f7f7;
}
.input_box{
	width:350px;
	padding-bottom:15px;
	margin:0 auto;
	overflow:hidden;
}
.input_box input{
	float:left;
	width:348px;
	height:40px;
	font-size:14px;
	border:solid 1px #ddd;
	text-indent:10px;
	outline:none;
	line-height:40px;
}
.input_box button{
	width:350px;
	height:48px;
	background:#3f89ec;
	border:none;
	border-radius:2px;
	outline:none;
	cursor:pointer;
	font-size:16px;
	color:#FFF;
}
#error_box{
	height:40px;
	width:350px;
	margin:0 auto;
	line-height:40px;
	color:#fc4343;
}
</style>
<script type="text/javascript" src="static/jquery.min.js"></script>
</head>
<body>

	<div class="box">
	<h2>登录</h2>
    <div id="error_box"></div>
    <div class="input_box">
    	<input type="text" placeholder="请输入账户名" id="uname"/>
    </div>
    <div class="input_box">
    	<input type="password" placeholder="请输入密码" id="upass"/>
    </div>
    <div class="input_box">
    	<button id="btnLogin">登录</button>
    </div>
</div>
<script type="text/javascript">
	$(function() {
		// enter键按下的场合
		document.onkeydown = function () {
            if (event.keyCode == 13 || event.which == 13) {
            	$('.go-login').click();
            }
        };
		
		$("#btnLogin").on('click', function() {
			var uname = $("#uname").val(),
				password = $("#upass").val();
			if (uname == "" || password == "" ) {
				alert('请输入用户ID和密码');
				return;
			}
			
			// 登录
			var param = {
					userId: uname,
					password: password
			};
			$.ajax({
				url: '<%=request.getContextPath()%>/user/login',
				type: 'post',
				data: param,
				dataType: 'json'
			}).done(function(resp) {
				if (resp.success) {
					location.href = '<%=request.getContextPath()%>' + resp.redirect;
				}else{
					alert(resp.message);
				}
			});
		});
	});
	
	
</script>
</body>
</html>